<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">

    <body>

        <ui:composition template="./../../public/templateMenu.xhtml">

            <ui:define name="conteudo">
                <h:form>
                    <p:panel header="Lista de Anjos" 
                             >
                        <p:dataTable id="dtAnjo" var="anjo" value="#{anjoBean.anjos}"
                                     paginator="true" rows="5"
                                     style="width: auto; height: auto"
                                     emptyMessage="Sem Registros">
                            <p:column headerText="Nome">
                                <h:outputText value="#{anjo.nome}"/>
                            </p:column>
                            <p:column headerText="Apelido">
                                <h:outputText value="#{anjo.apelido}"/>
                            </p:column>
                            <p:column headerText="e-mail">
                                <h:outputText value="#{anjo.email}"/>
                            </p:column>
                            <p:column headerText="Telefone">
                                <h:outputText value="#{anjo.telefone}"/>
                            </p:column>
                        </p:dataTable>
                    </p:panel>
                    <div align="south">

                        <p:commandButton 
                            value="Cadastrar Anjo" 
                            id="cadastroAnjo"
                            action="/cadastro/anjo/formularioAnjo.xhtml"/>
                    </div>
                </h:form>
            </ui:define>

        </ui:composition>

    </body>
</html>
